<template>
    <div class="progress-bar">
      <div class="progress" :style="{width: progress + '%'}"></div>
    </div>
  </template>

  <script>
  export default {
    props: {
      progress: {
        type: Number,
        // default: 0
      }
    }
  }
  </script>

  <style>
  .progress-bar {
    width: 100%;
    height: 20px;
    background-color: #E1EBFF;
    border-radius: 10px;
  }
  
  .progress {
    height: 100%;
    background-color: #3573FF;
    border-radius: 10px;
  }
  </style>